<?php
require_once("includes/pagetop.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>AllyFolio | Careers </title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"  />

<link rel="stylesheet" href="alertify/themes/alertify.core.css" />
<link rel="stylesheet" href="alertify/themes/alertify.default.css" id="toggleCSS" />
<script src="alertify/lib/alertify.min.js"></script>	
<script src="js/jquery1.10.2.min.js">
<script>
//<![CDATA[
$(document).ready(function(){
  $(".drop_btn").click(function(){
    $(".showbox").toggle();
  });
});

//]]>
</script>
</head>

<body>

	<div id="main_wrapper">
    <?php
    $pageheading="Careers";
    require_once("includes/header.php");
    ?>
    <!--=================Body Contain Start=======================-->
    <div class="wrapper">
    	<div class="header">
        	        	<div class="contain-wrap">
                            <div class="help-title">Lets Join & makes whole world unite</div>
                            <form name="careerform" method="post">
							
							<div class="six_box">
								<ul>
                                    <?php
                                    $careerpostsqry="select * from af_categories where type='Career' and cat_status='Active'";
                                    $careerposts=$pdodbobj->fetch_array($pdodbobj->query($careerpostsqry,array()));
                                    for($i=0;$i<count($careerposts);$i++)
                                    {
                                        ?>
                                        <li <?php if(($i+1)%3==0){ echo "class='last'"; }  ?> ><div class="abd"><div style="height:100%"><table cellpadding="0" cellspacing="0" style="width: 100%;height:100%;vertical-align: middle;; text-align:center;"><tr><td><a href="javascript:void(0);" style="font-style:inherit;color: inherit;" onclick="return ShowJobpost(<?php echo $careerposts[$i]['id']; ?>);"><?php echo $careerposts[$i]['cat_name']; ?></a></td></tr></table></div></div></li>
                                        <?php
                                    }
                                    ?>
									
									<div class="clearfix"></div>
								</ul>
								<div class="clearfix"></div>
							</div>
                            <input type="hidden" name="Job[cat_id]" id="catid" />
                            </form>
							<div class="help-title" style="text-align:left; width:70%; margin:0 auto;"><div style="float:left; margin-right:40px;">Our Ofice</div><div class="box" style=" height:150px; width:475px; border:#ccc 1px solid; float:left"><img src="images/bigoffice.png" /></div>
							<div class="clearfix"></div>
							<table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-top:20px; border:#ccc 1px solid">
								<tr>
									<td style="border-right:1px solid #ccc"><img src="images/sofficeimg1.png" /></td>
									<td style="border-right:1px solid #ccc"><img src="images/sofficeimg2.png" /></td>
									<td style="border-right:1px solid #ccc"><img src="images/sofficeimg3.png" /></td>
									<td style="border-right:1px solid #ccc"><img src="images/sofficeimg4.png" /></td>
									<td style="border-right:1px solid #ccc"><img src="images/sofficeimg5.png" /></td>
								</tr>
							</table>
							
							</div>
						</div>
</div>
                </div>
            
            
		</div>
    </div>
    
    <div class="clearfix"></div>
    <!--=================Body Contain end=======================-->
    </div>
    
    <?php
    require_once("includes/footer.php");
?>
<script lang="javascript">
//<![CDATA[
function ShowJobpost(id)
{
    document.getElementById('catid').value=id;
    document.careerform.action="jobslist.php";
    document.careerform.submit();
}

<?php
if(isset($_SESSION['msg_error']) && trim($_SESSION['msg_error'])!="")
{
    ?>
    alertify.alert("<?php echo trim($_SESSION['msg_error']); ?>");
    <?php
    unset($_SESSION['msg_error']);
}
?>

//]]>
</script>